<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>管理系统—登录</title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- Select2 -->
  <link rel="stylesheet" href="/Public/bower_components/select2/dist/css/select2.min.css">	
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="/Public/bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/Public/bower_components/font-awesome/css/font-awesome.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="/Public/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">	
  
  <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="/Public/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">	
  <!-- Ionicons -->
  <link rel="stylesheet" href="/Public/bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="/Public/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="/Public/dist/css/skins/_all-skins.min.css">
		<link rel="stylesheet" href="/Public/plugins/bootstrap-validator/dist/css/bootstrapValidator.min.css" />

  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
  </head>

	<body class="hold-transition login-page">
		<div class="login-box">
			<div class="login-logo">
				<a href="../../index2.html"><b>Admin</b>LTE</a>
			</div>
			<!-- /.login-logo -->
			<div class="login-box-body">
				<p class="login-box-msg">Sign in to start your session</p>

				<form id="form" action="/home/index/login" method="post">
					<div class="callout callout-danger hide" id="tishi">
						<h4>登录失败!</h4>
						<p>请重新登录！(2s后自动消失)</p>
					</div>
					<div class="form-group has-feedback">
						<input type="text" class="form-control" name="uname" id="uname" placeholder="username">
						<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
					</div>
					<div class="form-group has-feedback">
						<input type="password" name="password" id="password" class="form-control" placeholder="Password">
						<span class="glyphicon glyphicon-lock form-control-feedback"></span>
					</div>
					<div class="row">
						<div class="col-xs-8">
							<div class="checkbox icheck">
								<label>
              <input type="checkbox"> Remember Me
            </label>
							</div>
						</div>
						<!-- /.col -->
						<div class="col-xs-4">
							<button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
						</div>
						<!-- /.col -->
					</div>
				</form>

				<a href="#">忘记密码？</a><br>
				<a href="register.html" class="text-center">Register a new membership</a>

			</div>
			<!-- /.login-box-body -->
		</div>
		<!-- /.login-box -->

		<!-- jQuery 3 -->
		<script src="/Public/bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap 3.3.7 -->
		<script src="/Public/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- iCheck -->
		<script src="/Public/plugins/iCheck/icheck.min.js"></script>
		<!--bootstrapValidator-->
		<script src="/Public/plugins/bootstrap-validator/dist/js/bootstrapValidator.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js"></script> 
		<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>  
		<script>
			$(function() {
				$("input").iCheck({
					checkboxClass:'icheckbox_square-blue',
					radioClass:'iradio_square-blue',
					increaseArea:'20%'
				})
				$("#form").bootstrapValidator({
					message: 'This value is not valid',
					feedbackIcons: {
						valid: 'glyphicon glyphicon-ok',
						invalid: 'glyphicon glyphicon-remove',
						validating: 'glyphicon glyphicon-refresh'
					},
					fields: {
						uname: {
							validators: {
								notEmpty: {
									message: '请输入账号'
								}
							}
						},
						password: {
							validators: {
								notEmpty: {
									message: '请输入密码'
								}
							}
						}
					}

				}).on('success.form.bv', function(e) {
					// Prevent form submission
					e.preventDefault();
					// Get the form instance
					var $form = $(e.target);
					// Get the BootstrapValidator instance
					var bv = $form.data('bootstrapValidator');
					// Use Ajax to submit form data
					$.post($form.attr('action'),$form.serialize(), function(result) {
						if(result.code != 0) {
							$(".callout-danger").removeClass("hide");
							setTimeout(function() {
							$(".callout-danger").fadeOut(500);
						}, 2000);
						} else{
							sessionStorage['rules']=JSON.stringify(result.userrule);
							location.href="/home/user/index";
						};
						$(":submit").removeAttr("disabled");
					}, 'json');
				})
			});
		</script>
	</body>

</html>